@charset "utf-8";
@import 'public.css';

@import 'http://at.alicdn.com/t/font_317938_061x41ilss.css';


$themeColor: #fcc800;


@mixin clearfloat{
	zoom:1;
	&:after{
		display:block;
		clear:both;
		content:"";
		visibility:hidden;
		height:0;
	}
}


.maxCon{
	width:750px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;

}


.homeBtn{
	display:block;
	width:396px;
	height:76px;
	line-height:76px;
	background-color:#fff;
	border-radius:38px;
	text-align:center;
	font-size:36px;
	color:#666;
	position: absolute;
	top:550px;
	left:50%;
	margin-left: -198px;
}
.homeBtn2{top: 550 + 125px;}
.homeBtn3{top: 550 + (125px*2);}
.homeBtn4{top: 550 + (125px*3);}


.pageCon{
	position: relative;
	width: 100%;
	.bgImg{
		display: none;
		width: 100%;
	}


	.bgImgBottom{
		width: 100%;
	}


	.Publiclink{
		display: block;
		position: absolute;
		bottom:80px;
		left: 50%;
		margin-left: -285px;
		font-size: 28px;
		width: 570px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		text-align: center;
		background-color: #fd8597;
		border-radius: 25px;

	}
}
.pg1btnCon{
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	height: 60px;
	white-space: nowrap;
	display: flex;
	overflow-x: auto;
	padding: 0 30px;
	.label{
		display: inline-block;
		height: 50px;
		padding: 0 30px;
		margin: 0 10px;
		color: #666;
		font-size: 28px;
		border-radius: 25px;
		border:1px solid #fd8597;
		line-height: 48px;
	}

	.active{
		background-color: #fd8597;
		color: #fff;
	}
}

.pg2btnCon{
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	height: 60px;
	padding: 0 30px;
	text-align: center;
	.label{
		display: inline-block;
		height: 50px;
		padding: 0 30px;
		margin: 0 10px;
		color: #666;
		font-size: 28px;
		border-radius: 25px;
		border:1px solid #fd8597;
		line-height: 48px;
	}

	.active{
		background-color: #fd8597;
		color: #fff;
	}
}

.publicNavCon{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #fff;
	height: 100px;
	a{
		display: block;
		width: 50%;
		float: left;
		height: 100%;
		line-height: 100px;
		padding:0 50px;
		i{
			font-size: 40px;
			color: #000;
		}
	}
	a.active{
		i{
			font-size: 40px;
			color: #aeaeb0;
		}

	}
	a:nth-child(1){
		text-align: right;
	}

}


.page4BtnCnSt1{
	position:absolute;
	width:100%;
	top: 287px;
	text-align: center;
	span{
		display: inline-block;
		width: 186px;
		height: 50px;
		border-radius: 25px;
		border:2px solid #fd8597;
		line-height: 46px;
		color: #666;
		margin:0 30px;
		font-size: 24px;
	}
	span.active{
		background-color: #fd8597;
		color: #fff;
	}

}





.page4BtnCnSt2,
.page4BtnCnSt3,
.page4BtnCnSt4
{
	position:absolute;
	width:100%;
	top:516px;
	text-align: center;
	span{
		text-align: left;
		display: inline-block;
		width: 160px;
		height: 66px;
		border-radius: 33px;
		border:2px solid #fd8597;
		line-height: 31px;
		color: #666;
		margin:0 8px;
		font-size: 24px;
		background-repeat: no-repeat;
		background-size: 37px 37px;
		background-position: 8px center;
		padding-left: 50px;
	}
	span.active{
		background-color: #fd8597;
		color: #fff;
	}

}


.page4BtnCnSt3{
	top:758px;
	span{
		width: 170px;
		margin:0 37px;
	}
}

.page4BtnCnSt4{
	top:975px;
	span{
		width: 210px;
		line-height: 62px;
		margin:0 37px;
	}
}



.bgImg1{background-image:url(../images/icon/1.png)}
.bgImg2{background-image:url(../images/icon/2.png)}
.bgImg3{background-image:url(../images/icon/3.png)}
.bgImg4{background-image:url(../images/icon/4.png)}
.bgImg5{background-image:url(../images/icon/5.png)}
.bgImg6{background-image:url(../images/icon/6.png)}
.bgImg7{background-image:url(../images/icon/7.png)}



.pg5btnCon{
	position: absolute;
	top: 358px;
	left: 0;
	right: 0;
	height: 60px;
	padding: 0 30px;
	text-align: center;
	.label{
		display: inline-block;
		height: 50px;
		padding: 0 30px;
		margin: 0 10px;
		color: #666;
		font-size: 28px;
		border-radius: 25px;
		border:1px solid #fd8597;
		line-height: 48px;
	}

	.active{
		background-color: #fd8597;
		color: #fff;
	}
}

.textCon1,
.textCon2,
.textCon3,
.textCon4
{
	position: absolute;
	top:160px;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 43px;
	font-size: 28px;
	span{
		font-weight: bold;
	}
}

.textCon2{top:522px;}
.textCon3{top:827px;}
.textCon4{
	top:950px;
	color:#999;
	font-size:24px;
}

.page5swiperCon{
	position: absolute;
	top: 1030px;
	left: 0;
	right: 0;
	height: 240px;
	.swiper-container{
		width: 150px;
		height: 234px;
		position: absolute;
		top:0;
		left: 50%;
		margin-left: -75px;
		overflow: inherit;
		.swiper-slide{
			text-align: center;
		}
	}
}

.page5lineCon{
	position: absolute;
	top:1470px;
	width: 100%;
	left: 0;
	right: 0;
	ul{
		width: 490px;
		margin: 0 auto;
		>li{
			width: 100%;
			margin-bottom: 50px;
			@include clearfloat;
			div{
				width: 50%;
				height: 30px;
				float: left;
			}
			div.name{
				line-height: 30px;
				font-size: 28px;
				padding-left: 40px;

			}
			div.line{
				span{
					display: block;
					width: 10%;
					height: 100%;
					background-color: #7ae0d2;
				}
			}
		}
		>li.active{
			div.name{
				font-weight: bold;
			}
		div.line{
				span{

					background-color: #fd8597;
				}
			}
		}
	}
}



.page5numberCon{
	position: absolute;
	top: 1960px;
	left: 0;
	right: 0;

	ul{
		width: 100%;
					text-align: center;

			@include clearfloat;
			>li{
				width: 33.33%;
				float: left;

				.number{
					font-size: 50px;
					color: #274462;

				}

				.text{
					font-size: 28px;
				}
			}

	}
}
